export const useProps = {
  showAutoFilterRow: Boolean,
  allowColumnMoving: {
    type: Boolean,
    default() {
      return true;
    },
  },
  allowColumnResizing: {
    type: Boolean,
    default() {
      return true;
    },
  },
  allowColumnWarp: Boolean,
  columnsFilter: Boolean,
  allowFilter: Boolean,
  showStriped: {
    type: Boolean,
    default() {
      return true;
    },
  },
  allowSort: {
    type: Boolean,
    default() {
      return false;
    },
  },
  // draggable: Boolean,
  // draggable_columns: Boolean,
  showRowNumber: {
    type: Boolean,
    // default() {
    //   return true;
    // },
  },
  hideHeader: Boolean,
};

export const useOptsProps = {
  rows: {
    type: [Array, String],
    default() {
      return [];
    },
  },
  isDev: {
    type: Boolean,
    default() {
      return false;
    },
  },
  optColumns: {
    type: [Array, String],
    default() {
      return [];
    },
  },
  optCmdColConfig: {
    type: Object,
    default() {
      return {};
    },
  },
  fillMode: {
    type: String,
    default() {
      return 'auto';
    },
  },
  fillMarginBottom: {
    type: String,
    default() {
      return '';
    },
  },
  height: {
    type: String,
    default() {
      return '500px';
    },
  },
  keyExpr: {
    type: String,
    default() {
      return 'ID';
    },
  },
  // cellClickInfo: [Object, String],
  enableCmdCol: [Boolean, String],
  cmdColConfig: [Object, String],
  columnLinkFormat: Function,
  cmdColClick: Function,
  colCommandVisible: Function,
  colDataFormat: Function,
};
